<template>
  <div class="modifyInformation">
    <div class="header">
      <i class="iconfont icon-zyojiantou" @click="comeBack"></i>
      修改信息
    </div>
    <div class="content">
   <!-- <div class="checkSex" v-show="avatarShow">
        <div style="float: left;margin-top: 8px;" class="lableSex">用户头像：</div>
        <el-upload
             class="avatar-uploader"
             :data="uploadData"
             :action="imageHttp"
             name="file"
             :show-file-list="false"
             :on-success="handleAvatarSuccessz"
             :before-upload="beforeAvatarUpload"
             :on-error="handleAvatarError"
             :on-progress="handleAvatarPorgress">
             <img v-if="avatar" :src="avatar" style="height: 45px;border-radius: 57%;">
             <i  class="iconfont icon-mjiantou" style="float: right;padding-right: 14px;line-height: 36px;"></i>
          </el-upload>
    </div>-->
      <group title="">
        <x-input disabled v-model="name" title="真实姓名：" name="username" placeholder="请输入孩子姓名" :show-clear="false"></x-input>
      </group>
      <group title="">
        <x-input v-model="mobile" title="手机号码：" ref="tel" name="username" placeholder="请输入手机号码" :show-clear="false"
                 is-type="china-mobile"></x-input>
      </group>
      <group title="">
        <x-input v-model="numID" disabled title="证件号码：" ref="idcard" name="username" placeholder="请输入孩子身份证号码" :show-clear="false"
                 :is-type="sfzyanzhen"></x-input>
      </group>
      <group title="">
         <x-input v-model="school" title="学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;校："  name="school" placeholder="请输入学校" :show-clear="false"></x-input>
      </group>
      <div class="checkSex">
        <div class="lableSex">性<span class="nbspWidth"></span>别：</div>
        <div class="radioSex">
          <i @click="checkone($event)" ref="man" class="iconfont icon-danxuan-xuanzhong iconfontChecked"></i>
          男 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i ref="woman" @click="checktwo($event)"
                                                               class="iconfont icon-danxuan1 iconfontNotChecked"></i> 女
        </div>
      </div>
      <group title="">
        <datetime
          :min-year="minYear"
          :max-year="maxYear"
          format="YYYY-MM-DD"
          v-model="birthday"
          title="出生年月："
          placeholder="请选择出生日期"
        ></datetime>
      </group>
      <div class="checkSex">
        <div style="float: left;margin-top: 8px;" class="lableSex">年<span class="nbspWidth"></span>级：</div>
        <div class="nianji" @click="show = true"><span style="color: #757575;" v-show="gradeListValue.length == 0">请选择年级</span>{{classNum}}{{$refs.picker1&&$refs.picker1.getNameValues()}}</div>
      </div>
    </div>
    <div :class="modifyBtn" @click="overModify">完成</div>
    <div class="gradeListBox">
      <popup v-model="show" position="bottom" max-height="50%">
        <p class="btnBox"><span @click="chooseOK">确定</span></p>
        <picker ref="picker1" :data='gradeList' :fixed-columns="2" v-model='gradeListValue'></picker>
      </popup>
    </div>
  </div>
</template>

<style lang="scss" src='./modifyInformation.scss'></style>
<script src="./modifyInformation.js"></script>
